<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>cashier</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="stylesheet" th:href="@{/static/css/cashier.css}">
</head>
<body>
<!--顶部+搜索框+侧边栏-->
<div th:include="like/likeHead :: common"></div>

<div class="cash-head">
    <div class="cash-head-left">
        <div th:href="@{/}">
            <img th:src="@{/static/img/timg.jpg}">
        </div>
        <div class="cash-head-left2"><span>收银台</span></div>
    </div>
    <div class="cash-head-right">
        <div class="cash-head-right-content"><a href="javascript:;">username</a></div>
        <div class="cash-head-right-string"></div>
        <div class="cash-head-right-content"><a href="javascript:;">我的订单</a></div>
    </div>
</div>
<div class="cash-content">
    <div class="cash-content-top">
        <div class="cash-content-top-left"><span>订单提交成功，请尽快付款！订单号：96243395817</span></div>
        <div class="cash-content-top-right">应付金额<span id="price">138.00</span>元</div>
    </div>
    <div class="cash-content-bottom">
        <div class="cash-content-bottom-left"><span>请您在24小时内完成支付，否则订单会被自动取消(库存紧俏订单请参见详情页时限)</span></div>
        <a th:href="@{/}">
            <div class="cash-content-bottom-right" >
            订单详情
            </div>
        </a>
    </div>
    <div class="cash-content-hide">
        <div class="cash-hide-content">
            <div class="cash-hide-content-left">收货地址：</div>
            <div class="cash-hide-content-right">北京朝阳区四环到五环之间</div>
        </div>
        <div class="cash-hide-content">
            <div class="cash-hide-content-left">收货人：</div>
            <div class="cash-hide-content-right">*a 133****8273</div>
        </div>
        <div class="cash-hide-content">
            <div class="cash-hide-content-left">商品名称：</div>
            <div class="cash-hide-content-right">【官方正品 4D透气】京东认证 品质男鞋 轻奢定制手工舒适时尚运动鞋 ins减震潮流透气休闲鞋男 白色-定制版 41码</div>
        </div>
    </div>
</div>
<div class="cash-pay">
    <div class="cash-pay-button" onclick="cl()">立即支付</div>
</div>
<script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/static/js/cashier.js}"></script>
<script th:src="@{/static/js/goods.js}"></script>
<script th:src="@{/static/js/index.js}"></script>
</body>
</html>